import React from 'react'
import './item.css'
import Counter from '../../UI/counter/counter'
export default function Mealitem(props) {
  return (
    <div className='item'>
        <div className='Imgbox'>
         <img src={props.meal.img} alt=''></img>
        </div>
        <div className='desc'>
            <h2 className='foodname'>{props.meal.title}</h2>
            {
              props.noDesc?null: <p className='des'>{props.meal.desc}</p>
            }
            <div className='pricenum'>
                <span>￥{props.meal.price}</span>
                <div><Counter {...props}/></div>
            </div>
        </div>
    </div>
  )
}
